<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <!-- <mate name="flexibel" content="initial-drl=2"/> -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <title><!--{$title}--></title>
    <!--[if lt IE 9]>  
        <script src="http://cdn.bootcss.com/html5shiv/r29/html5.js"></script>  
    <![endif]-->
    <link rel="stylesheet" href="__PUBLIC__/css/ZM_share.css"/>
    <style>
        body { background-color: rgba(249, 236, 184, 1);}
        .lock_content{margin:5px;}
        .lock_banner{
            width:100%;
            margin-bottom: 15px;
            padding-bottom: 35px;
            position: relative;
            background:url('__PUBLIC__/images/bzjp_img/zf_banner.png') no-repeat;
            background-size:100% 100%;
        }
        .lock_mo_box{
            padding-left:180px;
        }
        .oldMoney{
            padding:5px 0;
            margin-left:195px;
            position: relative;
        }
        .oldMoney span::after{
            content:'';
            display:inline-block;
            width:85px;
            height:1px;
            position: absolute;
            top:50%;
            left:-2px;
            background-color:#d12c44;
        }
        .lock_money{
            bottom:35px;right:70px;
            font-size:14px;color:#ffffff;
            padding:5px;
            width:110px;
            text-align: center;
            background-color:#d12c44;
        }
        
        .lock_youhui{position: absolute;bottom: 10px;left:50%;margin-left:-68px;}
        .lock_top_content{font-size:14px;color:rgba(51, 51, 51, 1);padding:20px 15px 0 140px;}
        .lock_top_content p{text-indent: 2em;}


        .lock_item{
            width:100%;height:225px;margin-bottom: 15px;
            position: relative;
        }
        .lock_item .lock_bg{position: absolute;top:0;left:0; width:100%;height:225px;}
        
        .lock_center_warp{
            position: relative;
            padding-top:55px;
        }
        .lock_center{
            background-color:#ffffff;
            padding:15px 10px 10px 10px;
            border-radius: 5px;
            font-size:14px;
            line-height: 1.4;
            color:rgba(51, 51, 51, 1);
            margin: 0 20px;
            border:1px solid #333333;
        }
        .redColor{color:#d12c44;}
        .t_center{text-align: center;}
        .lock_btn{
            position: absolute;
            width:295px;
            height:35px;
            bottom:20px;
            left:50%;
            margin-left:-148px;
        }
    
        .footer_severs{background-color: rgba(249, 236, 184, 1);font-size:14px;color:rgba(26,26,26,1)}
        .fiex_bt{height:50px;line-height: 50px;font-size:18px;}
        .fiex_bt a{background-color:#D60F00;height:40px;line-height: 40px}
    </style>
</head>
<body>
    <header class="share_header">
        <h1 class="zm"><!--{$title}--></h1>
        <include file="Public/bzhhtop"/>
    </header>

    <section class="lock_content">
        <div class="lock_banner">
            <div class="lock_top_content">
                <p>你的八字信息已经收到了，我正在为你生成八字运势报告，大约8000字左右，包括你的财运、事业、感情、健康等都有精准的分析，并且我会把所得的部分收入用于为您捐助祈福，感谢你的支持！</p>
            </div>
            <div class="oldMoney"><span>原价：￥298</span></div>
            <div class="lock_mo_box"><div class="lock_money">限时优惠:&nbsp;<span>￥<!--{$Think.cookie.price}--></span></div></div>
            <div class="lock_youhui">距优惠结束:&nbsp;&nbsp;<span class="redColor" id="timestr">01:59:59</span></div>
        </div>
        <ul class="lock_list">
            <li class="lock_item">
                <img src="__PUBLIC__/images/bzjp_img/img-bazifenzi@2x.png" alt="八字命盘分析" width="100%" class="lock_bg">
                <div class="lock_center_warp">
                    <div class="lock_center">
                        <p>1.想知道你的八字里的<span class="redColor">十年大运</span>吗？</p>
                        <p>2.你的八字命格里<span class="redColor">婚姻是否幸福</span>？</p>
                        <p>3.你的八字需要什么东西<span class="redColor">帮你转运</span>？</p>
                        <!--<p class="t_center">共5项，约1000字</p>-->
                    </div>
                </div>
                <div class="lock_btn"><img src="__PUBLIC__/images/bzjp_img/img-lijilingqu@2x.png" alt="立即测算" width="100%"></div>
            </li>
            <li class="lock_item">
                <img src="__PUBLIC__/images/bzjp_img/img-xinggefengxi@2x.png" alt="您的性格分析" width="100%" class="lock_bg">
                <div class="lock_center_warp">
                    <div class="lock_center">
                        <p>1.想知道你有什么样的<span class="redColor">双重性格</span>吗？</p>
                        <p>2.你的性格会给你的人生带来<span class="redColor">帮助还是阻碍</span>？</p>
                        <p>3.你的性格有什么<span class="redColor">优缺点</span>？</p>
                        <!--<p class="t_center">共8项，约1000字</p>-->
                    </div>
                </div>
                <div class="lock_btn"><img src="__PUBLIC__/images/bzjp_img/img-lijilingqu@2x.png" alt="立即测算" width="100%"></div>
            </li>
            <li class="lock_item">
                <img src="__PUBLIC__/images/bzjp_img/img-caiyunfenxi@2x.png" alt="您的一生财运分析" width="100%" class="lock_bg">
                <div class="lock_center_warp">
                    <div class="lock_center">
                        <p>1.哪几年是你<span class="redColor">大富大贵</span>的机会？</p>
                        <p>2.怎么样的风水布局能<span class="redColor">让你风生水起</span>？</p>
                        <p>3.你在<span class="redColor">求财上</span>会有<span class="redColor">哪些阻碍</span>，怎么提前预防？</p>
                        <!--<p class="t_center">共10项，约2000字</p>-->
                    </div>
                </div>
                <div class="lock_btn"><img src="__PUBLIC__/images/bzjp_img/img-lijilingqu@2x.png" alt="立即测算" width="100%"></div>
            </li>
            <li class="lock_item">
                <img src="__PUBLIC__/images/bzjp_img/img-hujyinzoushi@2x.png" alt="您的婚姻走势分析" width="100%" class="lock_bg">
                <div class="lock_center_warp">
                    <div class="lock_center">
                        <p>1.你的婚姻里会出现<span class="redColor">第三者</span>吗，如何破解？</p>
                        <p>2.分析你的<span class="redColor">感情状况</span>，你们的婚姻会走向何方？</p>
                        <p>3.你的一生会有<span class="redColor">二婚</span>吗，适合早婚还是晚婚？</p>
                        <!--<p class="t_center">共10项，约1500字</p>-->
                    </div>
                </div>
                <div class="lock_btn"><img src="__PUBLIC__/images/bzjp_img/img-lijilingqu@2x.png" alt="立即测算" width="100%"></div>
            </li>
            <li class="lock_item">
                <img src="__PUBLIC__/images/bzjp_img/img-jiankangfenxi@2x.png" alt="您的健康状况分析" width="100%" class="lock_bg">
                <div class="lock_center_warp">
                    <div class="lock_center">
                        <p>1.你未来的需要注意哪方面的<span class="redColor">健康问题</span>？</p>
                        <p>2.哪一年需要特别注意<span class="redColor">防治疾病破财</span>？</p>
                        <p>3.你适合什么样生活方式来保持健康？</p>
                        <!--<p class="t_center">共8项，约1200字</p>-->
                    </div>
                </div>
                <div class="lock_btn"><img src="__PUBLIC__/images/bzjp_img/img-lijilingqu@2x.png" alt="立即测算" width="100%"></div>
            </li>
            <li class="lock_item">
                <img src="__PUBLIC__/images/bzjp_img/img-chengjiufenxi@2x.png" alt="您的事业成就分析" width="100%" class="lock_bg">
                <div class="lock_center_warp">
                    <div class="lock_center">
                        <p>1.你的一生是碌碌无为还是功名成就？</p>
                        <p>2.你的成功路上是否有<span class="redColor">小人当道</span>？</p>
                        <p>3.什么时候能<span class="redColor">遇见贵人</span>，在哪儿发展<span class="redColor">更能成功</span>？</p>
                        <!--<p class="t_center">共10项，约1500字</p>-->
                    </div>
                </div>
                <div class="lock_btn"><img src="__PUBLIC__/images/bzjp_img/img-lijilingqu@2x.png" alt="立即测算" width="100%"></div>
            </li>
            <li class="lock_item">
                <img src="__PUBLIC__/images/bzjp_img/img-liuyueyuncheng@2x.png" alt="您的流月运城" width="100%" class="lock_bg">
                <div class="lock_center_warp">
                    <div class="lock_center">
                        <p>1.把握人生未来走势，助你趋吉避凶</p>
                        <p>2.为你的人生指明方向，少走弯路</p>
                        <!--<p class="t_center">共12项，约1000字</p>-->
                    </div>
                </div>
                <div class="lock_btn"><img src="__PUBLIC__/images/bzjp_img/img-lijilingqu@2x.png" alt="立即测算" width="100%"></div>
            </li>
        </ul>
    </section>
    <div class="public_pay_popup" id="publicPayPopup" style="display: none;">
        <div class="public_pp_box">
            <div class="public_pp_close" id="publicPPClose">X</div>
            <div class="public_pp_tit">解锁查看所有测算结果</div>
            <div class="public_pp_price">
                <span>统一鉴定价：</span><strong>￥<!--{$Think.cookie.price}-->元</strong>
            </div>
            <div class="public_pay_box">
                <!--<a href="&lt;!&ndash;{:U('Bzjp/jieguoye','',false)}&ndash;&gt;" class="zf weixin"><img src="__PUBLIC__/images/public/wxzf.png" alt="微信支付"/>测试直接看结果</a>-->
                <if condition="$wxlogin eq 1 ">
                      <a class="zf weixin weixinzf" target="_self" ><img src="__PUBLIC__/images/public/wxzf.png">微信安全支付</a>
                    <else />
                      <a href="<!--{:U('Bzjp/jpzhifu','',false)}-->" class="zf weixin"><img src="__PUBLIC__/images/public/wxzf.png" alt="微信支付"/>微信支付</a>
                      <a href="<!--{:U('Bzjp/pay','',false)}-->" class="zf alipay"><img src="__PUBLIC__/images/public/zfbzf.png" alt="支付宝支付"/>支付宝支付</a>
               </if>
            </div>
        </div>
    </div>
    <footer class="footer_severs" style="padding-bottom:61px">

        <include file="Public/bottom" />

    </footer>
    <div class="fiex_bt" id="fiex">
        <a href="javascript:;"><i class="suo"></i>付费解锁所有项</a>
    </div>
    <script src="__PUBLIC__/js/jquery.min.js"></script>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script>
    
        $('#fiex').on('click',function(){
            $('#publicPayPopup').css('display','block');
        })
        $('.lock_btn').on('click',function(){
            $('#publicPayPopup').css('display','block');
        })
        $('#publicPPClose').on('click',function(){
            $('#publicPayPopup').css('display','none');
        })
        setInterval(function(){
            $.getJSON("<!--{:U('Bzjp/CountDown','',false)}-->",function(data){//回调入库
                   $('#timestr').text(data);
            });
        },1000);


        // 悬浮底部
        var ofiex = document.getElementById('fiex');
            window.onscroll = function() {
            var osTop = document.documentElement.scrollTop || document.body.scrollTop;
                if (osTop > 555) {
                    ofiex.style.display ="block";
                }else{
                ofiex.style.display ="none";
                }
            };
        sessionStorage.setItem("chufa", "2");


        wx.config({
            debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
            appId: '<!--{$appid}-->', // 必填，公众号的唯一标识
            timestamp: '<!--{$timestamp}-->', // 必填，生成签名的时间戳
            nonceStr: '<!--{$noncestr}-->', // 必填，生成签名的随机串
            signature: '<!--{$signature}-->',// 必填，签名，见附录1
            jsApiList: [
                'checkJsApi',
                'openLocation',
                'getLocation',
                'onMenuShareTimeline',
                'onMenuShareAppMessage',
                'scanQRCode'
            ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
        });

        wx.ready(function () {
            // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，
            // 则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
//         alert('成功');
            wx.onMenuShareAppMessage({
                title: '太神了！推荐你一个算命大师，准的让我不可思议！', // 分享标题
                desc: '专业命盘精论流年运势，一次掌握一年中整体、桃花婚姻、财运工作、健康家庭等运势的吉凶变化。点出你的八字旺弱、五行喜忌，近12个月的每月运势好坏预测，助你在婚恋、工作、事业中及时调整方向大展身手，如鱼得水。', // 分享描述
                link: '<!--{$Think.cookie.JPwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/09.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                type: '', // 分享类型,music、video或link，不填默认为link
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                success: function (res) {
                    // 用户确认分享后执行的回调函数
                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                }
            });

            wx.onMenuShareTimeline({
                title: '太神了！推荐你一个算命大师，准的让我不可思议！', // 分享标题
                desc: '专业命盘精论流年运势，一次掌握一年中整体、桃花婚姻、财运工作、健康家庭等运势的吉凶变化。点出你的八字旺弱、五行喜忌，近12个月的每月运势好坏预测，助你在婚恋、工作、事业中及时调整方向大展身手，如鱼得水。', // 分享描述
                link: '<!--{$Think.cookie.JPwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/09.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                type: '', // 分享类型,music、video或link，不填默认为link
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                success: function (res) {
                    // 用户确认分享后执行的回调函数
                }

            });

            wx.onMenuShareQQ({
                title: '太神了！推荐你一个算命大师，准的让我不可思议！', // 分享标题
                desc: '专业命盘精论流年运势，一次掌握一年中整体、桃花婚姻、财运工作、健康家庭等运势的吉凶变化。点出你的八字旺弱、五行喜忌，近12个月的每月运势好坏预测，助你在婚恋、工作、事业中及时调整方向大展身手，如鱼得水。', // 分享描述
                link: '<!--{$Think.cookie.JPwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/09.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                type: '', // 分享类型,music、video或link，不填默认为link
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                success: function (res) {
                    // 用户确认分享后执行的回调函数
                }
            });

            wx.onMenuShareQZone({
                title: '周易大师一对一帮你转运！八字测算趋利避害', // 分享标题
                desc: '专业命盘精论流年运势，一次掌握一年中整体、桃花婚姻、财运工作、健康家庭等运势的吉凶变化。点出你的八字旺弱、五行喜忌，近12个月的每月运势好坏预测，助你在婚恋、工作、事业中及时调整方向大展身手，如鱼得水。', // 分享描述
                link: '<!--{$Think.cookie.JPwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/09.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                type: '', // 分享类型,music、video或link，不填默认为link
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                success: function (res) {
                    // 用户确认分享后执行的回调函数
                }
            });

            wx.onMenuShareWeibo({
                title: '周易大师一对一帮你转运！八字测算趋利避害', // 分享标题
                desc: '专业命盘精论流年运势，一次掌握一年中整体、桃花婚姻、财运工作、健康家庭等运势的吉凶变化。点出你的八字旺弱、五行喜忌，近12个月的每月运势好坏预测，助你在婚恋、工作、事业中及时调整方向大展身手，如鱼得水。', // 分享描述
                link: '<!--{$Think.cookie.JPwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/09.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                type: '', // 分享类型,music、video或link，不填默认为link
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                success: function (res) {
                    // 用户确认分享后执行的回调函数
                }
            });

            wx.error(function (res) {
                // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名
//         alert('失败');
            });

            $(".weixinzf").on('click',function(){
                WeixinJSBridge.invoke(
                        'getBrandWCPayRequest', {
                            "appId":"<!--{$appId}-->",     //公众号名称，由商户传入
                            "timeStamp":"<!--{$timeStamp}-->",         //时间戳，自1970年以来的秒数
                            "nonceStr":"<!--{$nonceStr}-->", //随机串
                            "package":"<!--{$package}-->",
                            "signType":"<!--{$signType}-->",         //微信签名方式：
                            "paySign":"<!--{$paySign}-->" //微信签名
                        },
                        function(res){
                            if(res.err_msg == "get_brand_wcpay_request:ok" ) {
                                location.href="<!--{:U('Bzjp/jieguoye','',false)}-->";
                            }     // 使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回    ok，但并不保证它绝对可靠。
                        }
                );

            });
        });
    </script>
</body>
</html>